JS - element properties - nodeValue

revision: February 15, 2025

sets or returns the value of a node.

If the node is an element node, the nodeValue property will return null.
If you want to return the text of an element, remember that text is always inside a Text node, and you will have to return the Text node's node value (element.childNodes[0].nodeValue).
For other node types, the nodeValue property will return different values for different node types.

Syntax:

node.nodeValue : returns the node value: the node value. "null" for element and document nodes. The attribute value for attribute nodes. The text content for text nodes. The text content for comment nodes.

node.nodeValue = value : sets the node value.

property value:

value : the node value.

example

            <div>
                <button>try it</button>
                <p>The node value of the first button element is: <span id="prop"></span></p>
                       
            </div>
            <script>
                const element = document.getElementsByTagName("BUTTON")[0];
                let value = element.childNodes[0].nodeValue;  
                document.getElementById("prop").innerHTML = value;
            </script>